<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>舆情监控-登录</title>
    <link rel="stylesheet" th:href="@{/static/css/bootstrap.min.css}"/>
    <style>
         .home{
              margin-top: 100px;
         }
         .container {
             width: 1170px;
         }
        .webpper{
            width: 500px;
            margin-left: 320px;
        }
        h2{
            display: block;
            font-size: 1.5em;
            -webkit-margin-before: 0.83em;
            -webkit-margin-after: 0.83em;
            -webkit-margin-start: 0px;
            -webkit-margin-end: 0px;
        }
        a{
            color: #333;
            touch-action: manipulation;
            background-color: transparent;
            text-decoration: none;
            outline: none;
            cursor: pointer;
            transition: color .3s;
        }
        .card-m{
            text-align: left;
        }

        .sentiment-prob{
            width: 100px;
            display: inline-block;
            height: 15px;
            line-height: 15px;
            text-align: center;
            color: #fff;
            background: #1a8bd2;
            position: relative;
            margin-bottom: 0;
            vertical-align: middle;
        }
         .sentiment-prob span {
             position: absolute;
             height: 15px;
             width: 30px;
             background: #f5222d;
             left: 0;
             z-index: 0;
         }
         .sentiment-prob em {
             z-index: 2;
             display: block;
             position: absolute;
             font-size: 12px;
             text-decoration: none;
             font-style: normal;
             margin-left: 30%;
         }
        .col-form-label{
            float: left;
        }
    </style>
</head>
<body>
<div class="header-wepper">
    <div class="container text-center">
        <span>首页</span>
        <span><a th:href="@{/scan}">舆情检测</a></span>
        <span>产品服务</span>
        <span>解决方案</span>
        <span>资讯中心</span>
        <span>关于我们</span><span class="px-1"/>|<span class="px-1"/>
        <a shiro:authenticated="" th:href="@{/mem/index}"><shiro:principal property="name"/></a>
        <span class="px-1"/>
        <a shiro:authenticated="" th:href="@{/mem/logout}">退出账户</a>
        <a shiro:notAuthenticated="" th:href="@{/mem/login}" style="color: #007bff">登录</a>
    </div>
</div>
<div class="home">
    <div class="container text-center">
        <div>需要登录</div>
        <div class="card-m">
            <div class="row">
                <div th:text="${erro}"></div>
                <form th:action="@{/mem/login}" method="post" style="margin-left: 480px">
                    <input type="text" name="username" class="form-control" placeholder="手机号/邮箱"/>
                    <input type="password" name="password" class="form-control"/>
                    <button style="margin-left: 30px">登录</button>
                    <input style="margin-left: 40px" type="button" onclick="sub()" value="注册">
                </form>
            </div>
        </div>
    </div>
</div>

<script th:src="@{/static/js/jquery-3.4.1.min.js}"></script>
<script th:src="@{/static/js/bootstrap.min.js}"></script>
<script th:src="@{/static/js/bootstrap.bundle.min.js}"></script>
<script th:inline="javascript">

    function sub() {
        window.location.href=[[@{/mem/register}]];
    }
</script>
</body>
</html>